$(function(){
	
	var jcTbbg=colorGradient("#017D97",10);
	
	//图表1
	require.config({
            paths: {
                echarts: 'http://echarts.baidu.com/build/dist'
            }
        });
        
	// 使用
	require(
		[
			'echarts',
			'echarts/chart/pie' // 使用柱状图就加载bar模块，按需加载
		],
		function (ec) {
			// 基于准备好的dom，初始化echarts图表
			var myChart = ec.init(document.getElementById('main1_1')); 
			//传值
			var option = {
					tooltip : {
								trigger: 'item',
								formatter: "{a} <br/>{b} : {c} ({d}%)"
							},
					calculable : true,
					series : [
						{
							name:'',
							type:'pie',
							radius : ['50%', '70%'],
							itemStyle : {
								normal : {
									color: function(params) {
										// build a color map as your need.
										var colorList = jcTbbg;
										return colorList[params.dataIndex];
									},
									label : {
										show : false
									},
									labelLine : {
										show : false
									}
								},
								emphasis : {
									label : {
										show : true,
										position : 'center',
										textStyle : {
											fontSize : '18',
											fontWeight : 'bold'
										}
									}
								}
							},
							data:[
								
							]
						}
					]
			};
			var d=JSON.parse($("#main2").html());
			$("#main2").html("");
			option.series[0].data=d;
			
			// 为echarts对象加载数据 
			myChart.setOption(option); 
			$("#main1table").empty();
			$.each(d,function(i,t){
				
				
				$("#main1table").append("<tr><td  class=\"td1\"><div class=\"ico\"><span></span></div></td><td class=\"td2\"><span title=\""+t.name+"\">"+t.name+"</span></td><td class=\"td3\">"+t.percent+"%</td><td class=\"td4\">"+t.value+"</td></tr>");
			});
			
			for(var i=0;i<jcTbbg.length;i++){
				$(".main1 .jcBox:eq(0) tr:eq("+i+") .ico").css("background",jcTbbg[i]);	
			}
		}
	);
	
	var jcTbbg1=colorGradient("#8E5400",10);
	
	
	//图表1
	require.config({
            paths: {
                echarts: 'http://echarts.baidu.com/build/dist'
            }
        });
        
	// 使用
	require(
		[
			'echarts',
			'echarts/chart/pie' // 使用柱状图就加载bar模块，按需加载
		],
		function (ec) {
			// 基于准备好的dom，初始化echarts图表
			var myChart = ec.init(document.getElementById('main1_2')); 
			//传值
			var option = {
					tooltip : {
								trigger: 'item',
								formatter: "{a} <br/>{b} : {c} ({d}%)"
							},
					calculable : true,
					series : [
						{
							name:'',
							type:'pie',
							radius : ['50%', '70%'],
							itemStyle : {
								normal : {
									color: function(params) {
										// build a color map as your need.
										var colorList = jcTbbg1;
										return colorList[params.dataIndex];
									},
									label : {
										show : false
									},
									labelLine : {
										show : false
									}
								},
								emphasis : {
									label : {
										show : true,
										position : 'center',
										textStyle : {
											fontSize : '18',
											fontWeight : 'bold'
										}
									}
								}
							},
							data:[
								
							]
						}
					]
			};
			var d=JSON.parse($("#main3").html());
			$("#main3").html("");
			option.series[0].data=d;
			
			// 为echarts对象加载数据 
			myChart.setOption(option); 
			$("#main2table").empty();
			$.each(d,function(i,t){
				
				
				$("#main2table").append("<tr><td  class=\"td1\"><div class=\"ico\"><span></span></div></td><td class=\"td2\"><span title=\""+t.name+"\">"+t.name+"</span></td><td class=\"td3\">"+t.percent+"%</td><td class=\"td4\">"+t.value+"</td></tr>");
			});
			for(var i=0;i<jcTbbg1.length;i++){
				$(".main1 .jcBox:eq(1) tr:eq("+i+") .ico").css("background",jcTbbg1[i]);	
			}
			
		}
	);
	
var jcTbbg2=colorGradient("#B35232",10);
	
	
	//图表1
	require.config({
            paths: {
                echarts: 'http://echarts.baidu.com/build/dist'
            }
        });
        
	// 使用
	require(
		[
			'echarts',
			'echarts/chart/pie' // 使用柱状图就加载bar模块，按需加载
		],
		function (ec) {
			// 基于准备好的dom，初始化echarts图表
			var myChart = ec.init(document.getElementById('main1_3')); 
			//传值
			var option = {
					tooltip : {
								trigger: 'item',
								formatter: "{a} <br/>{b} : {c} ({d}%)"
							},
					calculable : true,
					series : [
						{
							name:'',
							type:'pie',
							radius : ['50%', '70%'],
							itemStyle : {
								normal : {
									color: function(params) {
										// build a color map as your need.
										var colorList = jcTbbg2;
										return colorList[params.dataIndex];
									},
									label : {
										show : false
									},
									labelLine : {
										show : false
									}
								},
								emphasis : {
									label : {
										show : true,
										position : 'center',
										textStyle : {
											fontSize : '18',
											fontWeight : 'bold'
										}
									}
								}
							},
							data:[
								
							]
						}
					]
			};
			var d=JSON.parse($("#main4").html());
			$("#main4").html("");
			// console.log(d);
			option.series[0].data=d;
			
			// 为echarts对象加载数据 
			myChart.setOption(option); 
			$("#main3table").empty();
			$.each(d,function(i,t){
				
				
				$("#main3table").append("<tr><td  class=\"td1\"><div class=\"ico\"><span></span></div></td><td class=\"td2\"><span title=\""+t.name+"\">"+t.name+"</span></td><td class=\"td3\">"+t.percent+"%</td><td class=\"td4\">"+t.value+"</td></tr>");
			});
			for(var i=0;i<jcTbbg2.length;i++){
				$(".main1 .jcBox:eq(2) tr:eq("+i+") .ico").css("background",jcTbbg2[i]);	
			}
			
		}
	);
	
var jcTbbg3=colorGradient("#5A8100",10);
	
	
	//图表1
	require.config({
            paths: {
                echarts: 'http://echarts.baidu.com/build/dist'
            }
        });
        
	// 使用
	require(
		[
			'echarts',
			'echarts/chart/pie' // 使用柱状图就加载bar模块，按需加载
		],
		function (ec) {
			// 基于准备好的dom，初始化echarts图表
			var myChart = ec.init(document.getElementById('main1_4')); 
			//传值
			var option = {
					tooltip : {
								trigger: 'item',
								formatter: "{a} <br/>{b} : {c} ({d}%)"
							},
					calculable : true,
					series : [
						{
							name:'',
							type:'pie',
							radius : ['50%', '70%'],
							itemStyle : {
								normal : {
									color: function(params) {
										// build a color map as your need.
										var colorList = jcTbbg3;
										return colorList[params.dataIndex];
									},
									label : {
										show : false
									},
									labelLine : {
										show : false
									}
								},
								emphasis : {
									label : {
										show : true,
										position : 'center',
										textStyle : {
											fontSize : '18',
											fontWeight : 'bold'
										}
									}
								}
							},
							data:[
								
							]
						}
					]
			};
			var d=JSON.parse($("#main6").html());
			$("#main6").html("");
			option.series[0].data=d;
			
			// 为echarts对象加载数据 
			myChart.setOption(option); 
			$("#main4table").empty();
			$.each(d,function(i,t){
				
				
				$("#main4table").append("<tr><td  class=\"td1\"><div class=\"ico\"><span></span></div></td><td class=\"td2\"><span title=\""+t.name+"\">"+t.name+"</span></td><td class=\"td3\">"+t.percent+"%</td><td class=\"td4\">"+t.value+"</td></tr>");
			});
			for(var i=0;i<jcTbbg3.length;i++){
				$(".main1 .jcBox:eq(3) tr:eq("+i+") .ico").css("background",jcTbbg3[i]);	
			}
			
		}
	);
	
	var jcTbbg4=colorGradient("#006091",10);
	
	
	//图表1
	require.config({
            paths: {
                echarts: 'http://echarts.baidu.com/build/dist'
            }
        });
        
	// 使用
	require(
		[
			'echarts',
			'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
		],
		function (ec) {
			// 基于准备好的dom，初始化echarts图表
			var myChart = ec.init(document.getElementById('main1_5')); 
			//传值
			
			var option = {
		    tooltip : {
					show: true
				},
			   
			   grid : {
						borderWidth :0,
						x : '20%',
						y : '20%'
					},
					
			   calculable : true,
				xAxis : [ {
						type : 'category',
						axisLabel:{
							show :true,
							textStyle:{
								color:'#666',
							},
						},
						splitLine:{
							show :false,
						},
						 data : []
					} ],
					yAxis : [ {
						type : 'value',
						axisLabel:{
							show :  true,
							textStyle:{
								color:'#fff',
							},
						},
						axisLine: {
							lineStyle: {
								color: '#fff'
							}
						},
						splitLine:{
							 lineStyle : {  
								color: ['#ddd'],
								width: 1,
								type : 'solid'  
								}  
						},
						show : true,
					} ],
				series : [
					{
						name:'客单价',
						type:'bar',
						itemStyle : {
							normal : {
								color : function(params) {
									// build a color map as your need.
									var colorList = jcTbbg4;//颜色
									return colorList[params.dataIndex];
								},
								label : {
									show : true,
									position : 'top',
									formatter : '{c}'
								}
							}
						},
						data:[],
						markPoint : {
							data : [ 
							]
						}
					}
				]
			} ;     
			var d=JSON.parse($("#main5").html());
			$("#main5").html("");
			option.xAxis[0].data=d.nameArray;
			option.series[0].data=d.valueArray;
			// 为echarts对象加载数据 
			myChart.setOption(option); 
			$("#main5div").empty();
			$.each(d.nameValue,function(i,t){
				
				$("#main5div").append("<div class=\"sortBox\"><ul><li class=\"li1\"><div><span></span></div></li><li class=\"li2\">"+t.name+"</li><li class=\"li3\">NO"+(i+1)+"</li></ul></div>");
			});
			for(var i=0;i<jcTbbg4.length;i++){
				$(".main2 .sortBox:eq("+i+") .li1  div").css("background",jcTbbg4[i]);	
			}
			
		}
	);
});